<template>
  <a-modal :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
    <img alt="example" style="width: 100%" :src="previewImage" />
  </a-modal>
</template>

<script>
export default {
  props: {
    previewImage: {
      type: String,
      default: ''
    }
  },

  data() {
    return {
      previewVisible: false
    }
  },

  methods: {
    ok() {
      this.$emit('ok')
    },

    openClose() {
      this.showQrCode = !this.showQrCode
    }
  }
}
</script>

<style lang="less" scoped></style>
